<template>
	<view class="pop-withdraw">
		<view class="pop-withdraw-title">提现金币数量</view>
		<view class="pop-withdraw-desc"><input v-model="amount" placeholder="请输入提现数量" placeholder-class="ph" :focus="true" type="number" :max="maxValue" /></view>
		<view class="butto-list">
			<view class="confirm" @tap="confirm">确定</view>
			<view class="close"  @tap="close">取消</view>
		</view>
		
	</view>
</template>

<script>
export default {
	props: {
		maxValue:Number
	},
	data(){
		return {
			amount:0.00
		}
	},
	methods: {
		confirm() {
			this.$emit('confirm',this.amount);
		},
		close(){
			this.$emit('close');
		}
	},
	mounted() {
		this.amount = this.maxValue;
	}
};
</script>

<style lang="less" scoped>
.pop-withdraw {
	width: 600rpx;
	border-radius: 30rpx;
	background-color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 8rpx 16px 0px rgba(0, 0, 0, 0.1);

	.pop-withdraw-title {
		margin-top: 40rpx;
		font-size: 40rpx;
		font-weight: 500;
		color: #333333;
	}
	.pop-withdraw-desc {
		font-size: 28rpx;
		input {
			text-align: center;
			font-size: 36rpx;
			background-color: #EEEEEE;
			height: 65rpx;
			margin: 40rpx 0;
			border-radius: 20rpx;
			font-weight: 700;
			color: #777777;
		}
	}
	.butto-list{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin: 30rpx 0 50rpx;
		width: 65%;
		.confirm {
			width: 47%;
			text-align: center;
			background: linear-gradient(270deg, #fc80a4 0%, #feb7ba 100%);
			font-size: 38rpx;
			font-weight: 500;
			color: #ffffff;
			border-radius: 20rpx;
		}
		.close {
			width: 47%;
			text-align: center;
			background: #EEEEEE;
			font-size: 36rpx;
			font-weight: 500;
			color: #BBBBBB;
			border-radius: 20rpx;
		}
	}
}
.ph{
	font-weight: 400;
}
</style>
